<template>
  <div class="delaites">
    <el-table :data='tableData'>
      <el-table-column label="绑定车牌" prop="carNum" align="center"></el-table-column>
      <el-table-column label="已停车天数" prop="useDay" align="center"></el-table-column>
      <el-table-column label="月租服务余额(天)" prop="surplusDay" align="center"></el-table-column>
      <el-table-column label="手机号码" prop="mobilePhone" align="center"></el-table-column>
    </el-table>

  </div>
</template>

<script>
  export default {
    name: 'delaites',
    props:['id'],
    data() {
      return {
        tableData: [],
        searchForm: {
          pageNum: 1,
          pageSize: 10
        }
      }
    },
    mounted() {
      this.getUsingCardRecordByParkId(this.id);
    },
    methods: {
      getUsingCardRecordByParkId(id) {
        this.searchForm.parkId = id;
        this.$axios({
          method: 'get',
          url: '/customer/card-record/getUsingCardRecordByParkId',
          params: this.searchForm
        }).then(res => {
          this.tableData = res.data.records;
        })
      }
    }
  }
</script>

<style scoped>



</style>
